<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<style>
    #body{font-weight: bold;display: flex;justify-content: space-between}
</style>
<div id="loginBtn">地那我</div>

<script>

function dataHandle(data) {
    const crowdMap = {};
    (data || []).forEach(item => {
        if (!crowdMap[item.key_from]) {
            crowdMap[item.key_from] = {
                key_from: item.key_from,
                value_from: 0,
                children: []
            }
        }
    });

    (data || []).forEach(item => {
        crowdMap[item.key_from].value_from += item.value_from;
        crowdMap[item.key_from].children.push(item);
    });

    return Object.keys(crowdMap).map(item => crowdMap[item]);
}

</script>
</body>
</html>